* {
margin:0;
padding:0
}
body .navbar, #navbar-iframe, .blogger-clickTrap, .feed-links, .post-footer-line-2, .status-msg-wrap {
display:none !important;
height: 0px;
visibility: hidden
}
#navbar-iframe {height: 0px;
visibility: hidden; display: none
}
body, .body-fauxcolumn-outer {
background:#FFFFFF;
font-family:'Roboto', Arial, Sans-Serif;
font-size:14px;
line-height:1.8;
color:#444444;
background-image:url(//1.bp.blogspot.com/-LK3ZQ2p-hqE/USL15b31d-I/AAAAAAAAAoY/yP92IhPcMpU/s1600/bg-stripe.png);
background-repeat:repeat-x;
}
a:link, a:visited {
color:#25A4B0;
text-decoration:none;
outline:none
}
a:hover {
text-decoration:none;
color:#33C7D5
}
ol,ul {
list-style:none
}
img {
max-width:100%;
height:auto;
width:auto
}
#pagewrap {
min-height:100%;
position:relative
}
#konten-kol {
float:left;
padding: 0px 20px 25px 0px;
width: 650px;
margin-top:40px
}
#konten-wrap {
width: 940px;
margin: 0 auto 15px;
padding:0 10px;
position:relative;
overflow:hidden;
}
#konten-wrapper {
float:left;
width:100%;
display:block;
clear:both
}
#logo-header a {
float:left;
height:40px;
z-index:1;
margin-top:4px;
margin-right:30px;
width:125px;
display:block;
background-image:url(//2.bp.blogspot.com/-Nouc7y1AS18/USGk2iXwX-I/AAAAAAAAAn4/dqtrIHWQYcI/s1600/250-2-507x68.png);
background-repeat:no-repeat;
background-position:0px 0px;
background-size:250px;
overflow:hidden;
color:transparent;
}

#header-wrapper {
border-top:7px solid #25A4B0;
width:100%;
}
#header-wrap {
height:auto;
padding:20px 10px 15px;
width:940px;
margin: 0 auto;
border-bottom:1px dashed #CCCCCC;
overflow:hidden
}
#header-wrap a{
color:#333333
}
#header-wrap a:hover {
color:#25A4B0;
text-decoration:none
}
nav#navigation {
float:left;
margin-left:0;
padding:5px 5px;
line-height:1.5;
border-left:1px dashed #CCCCCC;
font-family: 'Roboto', Arial, Sans-Serif;
overflow: hidden; text-transform:capitalize;
font-size:16px;
font-weight:400;
margin-top:5px;
}
nav#navigation li {
float: left;
list-style-type: none;
margin:0 25px
}
.search {
display:block;
float:right;
margin-top:9px;
margin-bottom:7px;
overflow:hidden;
position:relative;
z-index:100;
width:50px;
height:28px
}
.search #search-btn{
background:url(//4.bp.blogspot.com/-XQyGXrBA7O8/USWaW6z-cNI/AAAAAAAAAro/c9Q9uj4VN-w/s1600/search-icon.png) no-repeat;
float:left;
height:28px;
width:50px;
background-position:-50px 0px
}
.search-inner {
width:245px;
z-index:100
}
.search:hover,.search.active {
width:245px
}
.search .bottom,.search .left,.search .right {
background-color:#a2a2a2;
position:absolute
}
.search .bottom {
height:1px;
left:0;
top:24px;
width:214px
}
.search .left,.search .right {
height:5px;
width:1px
}
.search .left {
background-color:#cccccc;
left:56px;
top:22px
}
.search .right {
background-color:#cccccc;
left:238px;
top:22px
}
.search form {
float:left;
margin-top:2px;
width:162px
}
.search form input {
background-color:transparent;
border:none;
border-bottom:1px solid #CCCCCC;
color:#444444;
font-size:13px;
height:24px;
margin-left:6px;
outline:none;
padding:0 0 0 4px;
position:relative;
width:178px;
z-index:1500
}
.search:hover form input {
border-bottom:1px solid #25A4B0
}
.search:hover .bottom,.search:hover .left,.search:hover .right{
background-color:#25A4B0
}
.search:hover #search-btn {
background-position:0 -28px
}
.search form input:focus {
color:#444444;
font-weight:bold
}
.post {
margin:0;
padding:0
}
.post img {
width:auto;
height:auto;
max-width:100%
}
.post h1, .post h2 {
font-family:'Roboto', Arial, Sans-serif;
font-size: 30px;
line-height:36px;
font-weight: 400;
margin-bottom: 25px;
text-transform:Capitalize;
letter-spacing:-2px
}
.post h1 a , .post h2 a {
color: #444444;
text-decoration: none
}
.post pre {
border:1px solid #4DA0A2;
position:relative;
font:normal 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
background-color:#F9F9F9;
padding:15px;
margin:20px auto 30px;
overflow:auto
}
.post pre[rel] {
padding-top:35px
}
.post pre[rel]:before {
content:attr(rel);
font-size:120%;
font-family:'Muli',Sans-Serif;
position:absolute;
top:0px;
right:0px;
left:0px;
color:white;
background-color:#4DA0A2;
padding:5px 10px
}
.b-info {
line-height:2em
}
.b-info a {
color:#444444
}
.b-info a:hover {
color:#25A4B0
}
#a-info {
position:absolute;
right:0;
top:30px;
width:260px;
padding:10px
}
#a-info h5 {
font-size:12px;
color:#BBBBBB;
font-weight:400;
text-transform:uppercase;
margin:15px 0 5px
}
span.given-name:before {
content:'';
width:24px;
height:23px;
background:url(//4.bp.blogspot.com/-6h22iZfXPE0/USWbvF5SG9I/AAAAAAAAAr8/_Id_df97mvo/s1600/icon-info.png) no-repeat;
background-position:-2px -28px;
margin-right:5px;
margin-top:3px;
float:left
}
abbr.published:before {
content:'';
width:24px;
height:23px;
background:url(//4.bp.blogspot.com/-6h22iZfXPE0/USWbvF5SG9I/AAAAAAAAAr8/_Id_df97mvo/s1600/icon-info.png) no-repeat;
background-position:-55px -28px;
margin-right:5px;
margin-top:2px;
float:left
}
span.post-labels:before {
content:'';
width:20px;
height:23px;
background:url(//4.bp.blogspot.com/-6h22iZfXPE0/USWbvF5SG9I/AAAAAAAAAr8/_Id_df97mvo/s1600/icon-info.png) no-repeat;
background-position:-109px -28px;
margin-right:5px;
margin-left:4px;
margin-top:3px;
float:left
}
span.post-comment-link:before {
content:'';
width:24px;
height:23px;
background:url(//4.bp.blogspot.com/-6h22iZfXPE0/USWbvF5SG9I/AAAAAAAAAr8/_Id_df97mvo/s1600/icon-info.png) no-repeat;
background-position:-31px -28px;
margin-right:5px;
margin-top:5px;
margin-left:4px;
float:left;
}
.post-labels {
text-transform:capitalize;
display:block;
clear:both
}
#blog-pager {
width:100%;
float:left
}
#blog-pager a.home-link {
display:none
}
#blog-pager-newer-link {
width:100%;
text-align:left;
padding-bottom:10px;
display:block
}
#blog-pager-older-link {
width:100%;
text-align:left;
padding-top:10px;
display:block;
border-top:1px solid #cccccc
}
#blog-pager-newer-link a, #blog-pager-older-link a {
clear:both;
display:block
}
#show-komen a {
color:#444444;
display:block;
text-align:center;
background:#F9F9F9;
border:1px solid #CCC;
padding:10px;
margin:10px 0 0;
}
#show-komen a:hover {
background:#25A4B0;
color:#FFFFFF;
border:1px solid #25A4B0;
}
#panel-komen {
display:none;
z-index:1400;
background:#FFFFFF;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
}
#top-komen {
z-index:1600;
display:block;
position:fixed;
top:4%;
left:8%;
right:8%;
background:#EFEFEF;
border:1px solid #CCCCCC;
}
#bottom-komen {
font-size:15px;
padding:10px;
display:block;
position:fixed;
bottom:4%;
left:8%;
right:8%;
background:#EFEFEF;
border:1px solid #CCCCCC;
}
#hide-komen a {
float:right;
color:transparent;
background:url(http://4.bp.blogspot.com/-fBqTlmxXgQ4/URe2gOtH93I/AAAAAAAAAmw/e1hlJ0vCNYQ/s1600/icon+template2.png) no-repeat;
background-size:231px 155px;
background-position:-66px -30px;
width:32px;
height:32px;
margin-top:5px;
margin-right:10px;
content:''
}
#hide-komen a:hover {
background-position:-66px 1px
}
#comments h4 {
padding:10px;
float:left;
font-size:16px
}
.sharebelow {
display:block;
float:left;
clear:both;
margin:5px 0 20px
}
.sharebelow a {
display:block;
height:42px;
width:42px;
float:left;
margin:4px;
overflow:hidden;
background:transparent url(//2.bp.blogspot.com/-FZyeNdED5YQ/UReQQKVV-gI/AAAAAAAAAlQ/19-CLbVA-_0/s1600/2222222+sosial+share.png) repeat-y
}
.sharebelow  a.facebook {
background-position: -84px -42px
}
.sharebelow  a:hover.facebook {
background-position: -84px -126px
}
.sharebelow  a.googleplus {
background-position: -252px -42px
}
.sharebelow  a:hover.googleplus {
background-position: -252px -126px
}
.sharebelow  a.twitter {
background-position: 0px -42px
}
.sharebelow  a:hover.twitter {
background-position: 0px -126px
}
.sharebelow  a.pinterest {
background-position: -210px -42px
}
.sharebelow  a:hover.pinterest {
background-position: -210px -126px
}
.sharebelow  a.delicious {
background-position: -42px -42px
}
.sharebelow  a:hover.delicious {
background-position: -42px -126px
}
.sharebelow  a.stumbleupon {
background-position: -168px -42px
}
.sharebelow  a:hover.stumbleupon {
background-position: -168px -126px
}
.sharebelow  a.digg {
background-position: -126px -42px
}
.sharebelow  a:hover.digg {
background-position: -126px -126px
}
.sharebelow  a.reddit {
background-position: -295px -42px
}
.sharebelow  a:hover.reddit {
background-position: -295px -126px
}
.sharebelow  a.rss {
background-position: -336px -42px
}
.sharebelow  a:hover.rss {
background-position: -336px -126px
}
#footer-wrapper {
width:100%;
float:left;
clear:both;
border-bottom:5px solid #25A4B0
}
#footer-wrap {
line-height:1.9em;
clear:both;
overflow:hidden;
font-size:14px;
width:940px;
margin: 0 auto;
padding:20px 10px;
height:30px;
border-top:1px dashed #CCCCCC
}
.html5-logo {float:left; width:120px; margin-top:-10px; }
.credit-footer {
float:left
}
span.credit-footer {
float:left
}
.sosial-footer {
float:right;
}
.sosial-footer a {
display:block;
height:28px;
width:28px;
float:left;
margin:0 2px;
overflow:hidden;
background:transparent url(//4.bp.blogspot.com/-TKnaIsZuRo0/UReQQ7lEvJI/AAAAAAAAAlY/0LxmDf5NWJU/s1600/222222222+sosial-net.png) repeat-y;
background-size:140px 112px
}
.sosial-footer a.facebook-f {
background-position: 0px -28px
}
.sosial-footer a.facebook-f:hover {
background-position: 0px 0px
}
.sosial-footer a.googleplus-f {
background-position: -56px -28px
}
.sosial-footer a.googleplus-f:hover {
background-position: -56px 0px
}
.sosial-footer a.twitter-f {
background-position: -28px -28px
}
.sosial-footer a.twitter-f:hover {
background-position: -28px 0px
}
.sosial-footer a.deviantart-f {
background-position: -84px -28px
}
.sosial-footer a.deviantart-f:hover {
background-position: -84px 0px
}
.sosial-footer a.rss-f {
background-position: -112px -28px
}
.sosial-footer a.rss-f:hover {
background-position: -112px 0px
}

#comments{font-family: 'Roboto', Arial, Sans-Serif; display:none; z-index:1500; overflow:auto; position:fixed; margin-top:48px; margin-bottom:46px; padding:5px 50px; top:4%; right:8%; left:8%; bottom:4%; background:#FFFFFF; border:1px solid #CCCCCC;}
#comments a {color:#444444;}
.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
.comments .continue a{background:#f5f5f5; border:1px solid #DDDDDD; text-transform:capitalize;}
.comments .continue a:hover {background:#EEEEEE}
.comments .user a,.comments .continue a{font-size:14px}
#comments h4,.comments .continue a{font-weight:normal;}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#444444}
.comment-thread a{}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #CCCCCC; background:#F9F9F9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(//2.bp.blogspot.com/-9MzfGUVSZOA/USOr1deYyTI/AAAAAAAAApc/T_Am6-lIC0k/s1600/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #CCCCCC; background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px; border-top:1px solid #CCCCCC;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:14px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:101%!important}
.comment-form{width:100%;max-width:100%}

#top-page {width:0px; height:0px;}
#back-top {float:right;}
#back-top a {margin:0 1px; color:transparent; text-decoration: none; width:29px; height:29px; display:block; background:url(//4.bp.blogspot.com/-fBqTlmxXgQ4/URe2gOtH93I/AAAAAAAAAmw/e1hlJ0vCNYQ/s1600/icon+template2.png) no-repeat; background-size:201px 142px; background-position:-172px -114px;}
#pre-loader {position:fixed;top:0;left:0;background-color:#FFFFFF; background-image:url('//4.bp.blogspot.com/-I04Xc0IkI_U/USz6XY1wbTI/AAAAAAAAAuY/aBvDM_rsp_A/s1600/123cuss-loading-broken.gif'); background-position:50% 5%; background-repeat:no-repeat; background-size:32px 32px; z-index:9999; width:100%;height:100%;display:none;}

#awwards{
position:fixed;
z-index:8500;
}
.csswinner{
position:absolute;
top:50px;
left:0px;
z-index:999;
}
.csswinner a{
width:81px;
height:59px;
text-indent:-9000px;
display:block;
background:url(//www.csswinner.com/images/nominee-graphics/nominee-black-left.png) no-repeat;
}

